<template>
    <el-alert show-icon style="margin-bottom: 20px;" effect="dark" title="一键还原数据库结构!" type="success" :closable="false">
        <template #default>
            通过数据种子进行初始化数据库,只覆盖种子数据包含的内容,不影响其他表结构<br />
            可以通过修改种子数据来适配自己的项目进行初始化项目<br />
            同时内置了生成种子数据的接口,可以快速的对自己的项目进行移植
        </template>
    </el-alert>

    <el-button type="primary" @click="onSubmit" :loading="loading">
        初始化数据
    </el-button>

</template>

<script setup>
import { InitData } from '../../../utils/api';
import { ref } from 'vue'

const loading = ref(false)
const onSubmit = async () => {
    ElMessageBox.confirm(
        '是否初始化项目?该操作会还原到初始的表数据!',
        '提示',
        {
            confirmButtonText: '是',
            cancelButtonText: '否',
            type: 'warning',
        }
    )
        .then(async () => {
            loading.value = true;
            try {
                await InitData();
            } finally {
                loading.value = false;
            }
        })
        .catch(() => {
            ElMessage({
                type: 'info',
                message: '取消生成',
            })
        })
}
</script>